<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品详细页</title>
		<link rel="stylesheet" type="text/css" href="font/icon/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/detailed.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="web">
			<header>
				<div class="back fl">
					<a href="#">Back</a>
				</div>
				<div class="right fr">
					<i class="iconfont icon-shoucang"></i>
				</div>
				<div class="center_title">
					<span>产品详细</span>
				</div>
			</header>
			<section>
				<div class="img_wrap">
					<img src="img/xiangxiye/xian_himg_03.jpg"/>
				</div>
				<!--价格-->
				<div class="s_price clearfix">
					<div class="left fl">
						<span>￥</span>
						<span>32</span>
					</div>
					<input class="fr" type="button" value="购买" />
				</div>
				<div class="s_infor">
					<!--评价-->
					<div class="s_evaluation clearfix">
						<div class="left fl">
							<i class="iconfont icon-shoucang"></i>
							<span>好评度</span>
							<span>99%</span>
						</div>
						<a class="fr" href="#">共605个评价></a>
					</div>
					<!--适用商户-->
					<div class="s_shop clearfix">
						<span class="fl">适用商户</span>
						<a class="fr" href="#">></a>
					</div>
					<!--商户列表-->
					<div class="shop_list">
						<div class="img_wrap fl clear">
							<img src="img/xiangxiye/list_01.jpg"/>
						</div>
						<div class="food_infor clearfix">
							<div class="left fl">
								<span class="textover">万岁寿司(正佳店)</span>
								<div>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<span>10分</span>
								</div>
								<span>离你100m</span>
								<a href="#">查看详情 >></a>
							</div>
							<input class="fr" type="button" value="进入" />
						</div>
					</div>
					<div class="shop_list">
						<div class="img_wrap fl clear">
							<img src="img/xiangxiye/list_02.jpg"/>
						</div>
						<div class="food_infor clearfix">
							<div class="left fl">
								<span class="textover">万岁寿司(体育西店)</span>
								<div>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<span>10分</span>
								</div>
								<span>离你100m</span>
								<a href="#">查看详情 >></a>
							</div>
							<input class="fr" type="button" value="进入" />
						</div>
					</div>
					<div class="shop_list">
						<div class="img_wrap fl clear">
							<img src="img/xiangxiye/list_03.jpg"/>
						</div>
						<div class="food_infor clearfix">
							<div class="left fl">
								<span class="textover">万岁寿司(昌岗店)</span>
								<div>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<i class="iconfont icon-shoucang"></i>
									<span>10分</span>
								</div>
								<span>离你100m</span>
								<a href="#">查看详情 >></a>
							</div>
							<input class="fr" type="button" value="进入" />
						</div>
					</div>
				</div>
			</section>
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-home1"></i>
							<h2>首页</h2>
						</a>
					</li>
					<li>
						<a href="classify.html">
							<i class="iconfont icon-fenlei"></i>
							<h2>分类</h2>
						</a>
					</li>
					<li>
						<a href="found.html">
							<i class="iconfont icon-faxian1"></i>
							<h2>发现</h2>
						</a>
					</li>
					<li>
						<a href="mine.html">
							<i class="iconfont icon-gerenzhongxin"></i>
							<h2>我的</h2>
						</a>
					</li>
				</ul>
			</footer>
		</div>
	</body>
</html>
